<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="css/index.css" type="text/css"/>
        <script src="js/jquery-3.5.1.min.js"></script>
        <script src="js/hqc.js"></script>
        <script src="kindeditor/kindeditor.js"></script>
        <script src="kindeditor/lang/zh_CN.js"></script>
        <script src="js/pbkb.js"></script>         <!-- 创建新库/新应用时,第1步,修改此处 -->
        <script>
            $(document).ready(async function(){     // 异步函数也可以使用箭头指示法 async ()=>{}
                $('body').css({fontSize:pbkb.font_size,fontFamily:pbkb.font_family});
                // 对网页主体进行布局:将各部分(part1 - part4)拼接起来
                $('body').append(pbkb.$login);      // part1
                $('body').append(pbkb.$operation);  // part2
                $('body').append(pbkb.$path);       // part3
                $('body').append(pbkb.$main);       // part4
                // 系统运作架构: 1.设置环境变量 → 2.最后对各部分追加"内容"(①使用.html()修改"内容" ②先empty(),再append()"内容")
                // 设置环境变量
                await cookie_handler();             // 少数函数属于网页内容,比如定时器;另外,event绑定也属于网页内容.因cookie_handler定义为async函数,故此处要用await等待,否则下面的语句会先执行
                await querystring_handler();        // 多数函数负责设置环境变量,有些操作要由多个异步函数共同设置环境变量,改变网页的内容由最后的flush_*函数负责
                // 根据环境变量设置各部分(part1 - part4)要显示的内容.
                flush_all();
            });
        </script>
    </head>
    <body>
    </body>
</html>
